/* 全局样式 */
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  background-color: #f5f7fa;
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* 通用卡片样式 */
.custom-card {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 16px;
}

/* 页面容器样式 */
.page-container {
  padding: 24px;
}

/* 自定义表格样式 */
.custom-table {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

/* 自定义表单样式 */
.custom-form {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
}

/* 自定义按钮样式 */
.custom-btn {
  border-radius: 4px;
}

/* 自定义标题样式 */
.page-title {
  font-size: 20px;
  font-weight: 500;
  color: #4A5568;
  margin-bottom: 24px;
}

/* 自定义标签样式 */
.custom-tag {
  border-radius: 4px;
  padding: 2px 8px;
}

/* 自定义徽章样式 */
.custom-badge {
  border-radius: 10px;
}

/* 自定义分割线样式 */
.custom-divider {
  margin: 16px 0;
}

/* 自定义图标样式 */
.custom-icon {
  margin-right: 8px;
}

/* 自定义下拉菜单样式 */
.custom-dropdown {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* 自定义模态框样式 */
.custom-modal {
  border-radius: 8px;
}

/* 自定义抽屉样式 */
.custom-drawer {
  border-radius: 8px 0 0 8px;
}

/* 自定义警告样式 */
.custom-alert {
  border-radius: 4px;
  margin-bottom: 16px;
}

/* 自定义通知样式 */
.custom-notification {
  border-radius: 4px;
}

/* 自定义进度条样式 */
.custom-progress {
  margin-bottom: 16px;
}

/* 自定义步骤条样式 */
.custom-steps {
  margin-bottom: 24px;
}

/* 自定义描述列表样式 */
.custom-descriptions {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* 自定义空状态样式 */
.custom-empty {
  padding: 48px 0;
}

/* 自定义结果页样式 */
.custom-result {
  padding: 48px 0;
}

/* 自定义统计数值样式 */
.custom-statistic {
  margin-bottom: 16px;
}

/* 自定义时间线样式 */
.custom-timeline {
  margin-bottom: 16px;
}

/* 自定义树形控件样式 */
.custom-tree {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
}

/* 自定义上传控件样式 */
.custom-upload {
  margin-bottom: 16px;
}

/* 自定义评分控件样式 */
.custom-rate {
  margin-bottom: 16px;
}

/* 自定义开关控件样式 */
.custom-switch {
  margin-bottom: 16px;
}

/* 自定义滑块控件样式 */
.custom-slider {
  margin-bottom: 16px;
}

/* 自定义选择器控件样式 */
.custom-select {
  width: 100%;
}

/* 自定义日期选择器控件样式 */
.custom-date-picker {
  width: 100%;
}

/* 自定义时间选择器控件样式 */
.custom-time-picker {
  width: 100%;
}

/* 自定义输入框控件样式 */
.custom-input {
  width: 100%;
}

/* 自定义文本域控件样式 */
.custom-textarea {
  width: 100%;
}

/* 自定义数字输入框控件样式 */
.custom-input-number {
  width: 100%;
}

/* 自定义单选框控件样式 */
.custom-radio {
  margin-bottom: 16px;
}

/* 自定义复选框控件样式 */
.custom-checkbox {
  margin-bottom: 16px;
}

/* 自定义级联选择器控件样式 */
.custom-cascader {
  width: 100%;
}

/* 自定义穿梭框控件样式 */
.custom-transfer {
  margin-bottom: 16px;
}

/* 自定义标签控件样式 */
.custom-tag-select {
  width: 100%;
}

/* 自定义自动完成控件样式 */
.custom-auto-complete {
  width: 100%;
}

/* 自定义提示控件样式 */
.custom-tooltip {
  max-width: 300px;
}

/* 自定义气泡卡片控件样式 */
.custom-popover {
  max-width: 300px;
}

/* 自定义气泡确认框控件样式 */
.custom-popconfirm {
  max-width: 300px;
}

/* 自定义菜单控件样式 */
.custom-menu {
  border-right: 1px solid #f0f0f0;
}

/* 自定义页头控件样式 */
.custom-page-header {
  padding: 16px 24px;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}

/* 自定义页脚控件样式 */
.custom-footer {
  padding: 16px 24px;
  background: #f5f7fa;
  text-align: center;
  color: #8D9DAA;
}

/* 自定义布局控件样式 */
.custom-layout {
  min-height: 100vh;
}

/* 自定义侧边栏样式 */
.custom-sider {
  background: #fff;
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
}

/* 自定义头部样式 */
.custom-header {
  background: #fff;
  padding: 0 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 自定义内容区样式 */
.custom-content {
  padding: 24px;
  background: #f5f7fa;
}

/* 自定义面包屑样式 */
.custom-breadcrumb {
  margin-bottom: 16px;
}

/* 自定义标签页样式 */
.custom-tabs {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* 自定义折叠面板样式 */
.custom-collapse {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* 自定义卡片组样式 */
.custom-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

/* 自定义列表样式 */
.custom-list {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* 自定义评论样式 */
.custom-comment {
  margin-bottom: 16px;
}

/* 自定义头像样式 */
.custom-avatar {
  margin-right: 8px;
}

/* 自定义徽章样式 */
.custom-badge {
  margin-right: 8px;
}

/* 自定义标签样式 */
.custom-tag {
  margin-right: 8px;
  margin-bottom: 8px;
}

/* 自定义加载样式 */
.custom-spin {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

/* 自定义骨架屏样式 */
.custom-skeleton {
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* 自定义锚点样式 */
.custom-anchor {
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* 自定义回到顶部样式 */
.custom-back-top {
  right: 50px;
  bottom: 50px;
}

/* 自定义水印样式 */
.custom-watermark {
  color: rgba(0, 0, 0, 0.1);
}

/* 自定义图片样式 */
.custom-image {
  border-radius: 8px;
}

/* 自定义图片预览样式 */
.custom-image-preview {
  border-radius: 8px;
}

/* 自定义图片上传样式 */
.custom-upload-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.3s;
}

/* 自定义图片上传列表样式 */
.custom-upload-list-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
}

/* 自定义图片上传列表项样式 */
.custom-upload-list-picture-card-item {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
}

/* 自定义图片上传列表项缩略图样式 */
.custom-upload-list-picture-card-item-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 自定义图片上传列表项操作样式 */
.custom-upload-list-picture-card-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 自定义图片上传列表项操作图标样式 */
.custom-upload-list-picture-card-item-action {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  margin: 0 4px;
}

/* 自定义图片上传列表项操作图标悬停样式 */
.custom-upload-list-picture-card-item-action:hover {
  color: #1890ff;
}

/* 自定义图片上传列表项进度样式 */
.custom-upload-list-picture-card-item-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* 自定义图片上传列表项名称样式 */
.custom-upload-list-picture-card-item-name {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
}

/* 自定义图片上传列表项大小样式 */
.custom-upload-list-picture-card-item-size {
  margin-top: 4px;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
}

/* 自定义图片上传列表项状态样式 */
.custom-upload-list-picture-card-item-status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 自定义图片上传列表项状态图标样式 */
.custom-upload-list-picture-card-item-status-icon {
  font-size: 24px;
  color: #fff;
}

/* 自定义图片上传列表项状态文本样式 */
.custom-upload-list-picture-card-item-status-text {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

/* 自定义图片上传列表项状态背景样式 */
.custom-upload-list-picture-card-item-status-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}